<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.js"></script>
    <!--3.验证规则样式-->
    <link href="https://cdn.bootcss.com/jquery.bootstrapvalidator/0.5.3/css/bootstrapValidator.css" rel="stylesheet">
    <!--4.核心验证文件-->
    <script src="https://cdn.bootcss.com/jquery.bootstrapvalidator/0.5.3/js/bootstrapValidator.js"></script>
    <!--5.中文校验-->
    <script src="https://cdn.bootcss.com/jquery.bootstrapvalidator/0.5.3/js/language/zh_CN.js"></script>
    <script>
        $(function () {
            $.get("http://localhost:8080/temp3?page=1&size=10",function (result) {
                if (result.status===200){
                    alert("数据添加成功")
                    alert(result.data)
                }else {
                    alert("数据添加失败")
                }
            })
        })
    </script>
<!--    <script>-->
<!--        var xhr = new XMLHttpRequest();-->
<!--        xhr.open("get","http://localhost:8080/temp3?page=1&size=10");-->
<!--        // let body="page=1&size=10"-->
<!--        // let body = new FormData();-->
<!--        // body.append("page", 1);-->
<!--        // body.append("size", 10);-->
<!--        xhr.send();-->
<!--        xhr.onreadystatechange=function () {-->
<!--            if(xhr.status===200){-->
<!--                //获取服务器传递的json数据-->
<!--                var jsonText = xhr.responseText;-->
<!--                //用解析JSON数据-->
<!--                var statu = JSON.parse(jsonText);-->
<!--                if (statu.status==200){-->
<!--                    console.log("2000000")-->
<!--                    showStores(statu.data)-->
<!--                }-->

<!--            }-->
<!--        }-->
<!--        function showStores(kind){-->
<!--            var typeId = document.getElementById("types");-->
<!--            for (let i = 0; i < kind.length; i++) {-->
<!--                let detail=kind(i);-->
<!--                var tre = document.createElement("tr");-->
<!--                //创建6个td-->
<!--                var tde = document.createElement("td");-->
<!--                tde.innerText=detail.kind_name;-->

<!--                var numtd = document.createElement("td");-->
<!--                numtd.innerText=detail.kind_numbers;-->

<!--                var sto1td = document.createElement("td");-->
<!--                sto1td.innerText=detail.store_1;-->
<!--                var sto2td = document.createElement("td");-->
<!--                sto2td.innerText=detail.store_2;-->
<!--                var sto3td = document.createElement("td");-->
<!--                sto3td.innerText=detail.store_3;-->
<!--                var stoAlltd = document.createElement("td");-->
<!--                stoAlltd.innerText=detail.All_store;-->
<!--                tre.appendChild(tde);-->
<!--                tre.appendChild(numtd);-->
<!--                tre.appendChild(sto1td);-->
<!--                tre.appendChild(sto2td);-->
<!--                tre.appendChild(sto3td);-->
<!--                tre.appendChild(stoAlltd);-->

<!--            }-->
<!--        }-->

<!--    </script>-->

    <scrpit>


    </scrpit>

</head>
<body>
      <div class="container-fluid">
          <div class="row clearfix">
              <div class="" style="border: solid 1px #dddddd; height: 60px; margin-bottom: 30px">
              </div>
                <div class="container pull-left" style="border: #9F9F9F;height: 40px;">
                    <div class="clearfix">
                        <form class="form-inline">
                            <div class="form-group">
                                <label class="sr-only" for="exampleInputAmount"></label>
                                <div class="input-group">
                                    <input type="text" class="form-control" id="exampleInputAmount" placeholder="请输入种类">
                                </div>
                            </div>
                            <button type="submit" class="btn btn-primary">查找</button>
                            <button type="button" class="btn btn-default btn-md active pull-right glyphicon glyphicon-refresh">刷新</button>
                        </form>
                    </div>

          </div>
              <div class="container-fluid">
                  <table id="types" class="table table-bordered table-condensed table-striped table-hover ">
                      <tr>
                          <th class="">品种名称</th>
                          <th>编号</th>
                          <th>仓库一</th>
                          <th>仓库二</th>
                          <th>仓库三</th>
                          <th>总仓存量</th>
                      </tr>
       <!--               <tr>
                          <td>1</td>
                          <td>2</td>
                          <td>3</td>
                          <td>4</td>
                          <td>5</td>
                          <td>6</td>
                      </tr>-->
                 <!--     <tr>
                          <td>1</td>
                          <td>2</td>
                          <td>3</td>
                          <td>4</td>
                          <td>5</td>
                          <td>6</td>
                      </tr>
                      <tr>
                          <td>1</td>
                          <td>2</td>
                          <td>3</td>
                          <td>4</td>
                          <td>5</td>
                          <td>6</td>
                      </tr>
-->



                  </table>
              </div>
              <div class="col-md-offset-5">
                  <nav aria-label="Page navigation">
                      <ul class="pagination">
                          <li>
                              <a href="#" aria-label="Previous">
                                  <span aria-hidden="true">&laquo;</span>
                              </a>
                          </li>
                          <li><a href="#">1</a></li>
                          <li><a href="#">2</a></li>
                          <li><a href="#">3</a></li>
                          <li><a href="#">4</a></li>
                          <li><a href="#">5</a></li>
                          <li>
                              <a href="#" aria-label="Next">
                                  <span aria-hidden="true">&raquo;</span>
                              </a>
                          </li>
                      </ul>
                  </nav>
              </div>
          </div>


      </div>
<!--      <script>-->
<!--          var xhr = new XMLHttpRequest();-->
<!--          xhr.open("get","http://localhost:8080/temp3?page=1&size=10");-->
<!--          // let body="page=1&size=10"-->
<!--          // let body = new FormData();-->
<!--          // body.append("page", 1);-->
<!--          // body.append("size", 10);-->
<!--          xhr.send();-->
<!--          xhr.onreadystatechange=function () {-->
<!--              if(xhr.status===200){-->
<!--                  //获取服务器传递的json数据-->
<!--                  var jsonText = xhr.responseText;-->
<!--                  //用解析JSON数据-->
<!--                  var statu = JSON.parse(jsonText);-->
<!--                  if (statu.status==200){-->
<!--                      console.log("2000000")-->
<!--                      showStores(statu.data)-->
<!--                  }-->

<!--              }-->
<!--          }-->
<!--          function showStores(kind){-->
<!--              var typeId = document.getElementById("types");-->
<!--              for (let i = 0; i < kind.length; i++) {-->
<!--                  let detail=kind(i);-->
<!--                  var tre = document.createElement("tr");-->
<!--                  //创建6个td-->
<!--                  var tde = document.createElement("td");-->
<!--                  tde.innerText=detail.kind_name;-->

<!--                  var numtd = document.createElement("td");-->
<!--                  numtd.innerText=detail.kind_numbers;-->

<!--                  var sto1td = document.createElement("td");-->
<!--                  sto1td.innerText=detail.store_1;-->
<!--                  var sto2td = document.createElement("td");-->
<!--                  sto2td.innerText=detail.store_2;-->
<!--                  var sto3td = document.createElement("td");-->
<!--                  sto3td.innerText=detail.store_3;-->
<!--                  var stoAlltd = document.createElement("td");-->
<!--                  stoAlltd.innerText=detail.All_store;-->
<!--                  tre.appendChild(tde);-->
<!--                  tre.appendChild(numtd);-->
<!--                  tre.appendChild(sto1td);-->
<!--                  tre.appendChild(sto2td);-->
<!--                  tre.appendChild(sto3td);-->
<!--                  tre.appendChild(stoAlltd);-->

<!--              }-->
<!--          }-->

<!--      </script>-->
</body>
</html>